<template>
  <div class="contains">

    <div class="search">
      <div class="iconfont search-icon">&#xe82e;</div>
      <span>搜索景点门票</span>
    </div>

    <div class="iconfont  my">
      &#xe7d5;
    </div>
  </div>
</template>

<script>
  export default {
    name: 'IndexHeader'
  }
</script>

<style lang="stylus" type="text/stylus" rel="stylesheet/stylus" scoped>
  @import '~styles/varibles.styl'
  @import '~styles/mixins.styl'
  /*.icons >>> .swiper-container*/
  .contains {
    padding 0.1rem
    display flex
    align-items center

    .search {
      flex 1
      padding 0.1rem
      background-color #eee
      color #a5a5a5
      align-items center
      display flex

      .search-icon {
        margin-right 0.1rem
      }
    }

    .my {
      margin-left  0.1rem
      color $bgColor
    }

  }


</style>
